<!DOCTYPE html>
<html>

    
    <head>
        <!-- Title here -->
        <title>Login / Register</title>
        <!-- Description, Keywords and Author -->
        <meta name="description" content="Your description">
        <meta name="keywords" content="Your,Keywords">
        <meta name="author" content="ResponsiveWebInc">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">




        <!-- Styles -->
        <!-- Bootstrap CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <!-- Animate CSS -->
        <link href="css/animate.min.css" rel="stylesheet">
        <!-- Slider Revolution CSS -->
        <link href="css/rs-settings.css" rel="stylesheet">
        <!--[if IE 8]>
        <link rel="stylesheet" href="css/rs-settings-ie8.css">
        <![endif]-->
        <!-- Countdown Watch -->
        <link href="css/jquery.countdown.css" rel="stylesheet">
        <!-- Portfolio CSS -->
        <link href="css/prettyPhoto.css" rel="stylesheet">
        <!-- Font awesome CSS -->
        <link href="css/font-awesome.min.css" rel="stylesheet">		
        <!-- Custom CSS -->
        <link href="css/style.css" rel="stylesheet">
        <!--[if IE]>
        <link rel="stylesheet" href="css/ie-style.css">
        <![endif]-->

        <!-- Favicon -->
        <link rel="shortcut icon" href="#">
    </head>

    <body>

        <!-- Header Bar Start -->
        <div class="header">
            <div class="container">
                <!-- Navigation Menu Start -->
                <div class="navigation">
                    <div class="row">
                        <!-- Navigation Menu Link Lists -->
                        <div class="col-md-3 col-sm-5 col-xs-7">
                         <div class="menu">
                     <span class="br-lblue"><i class="fa fa-desktop"></i> &nbsp; Menu Column</span>
                        <div class="menu-list">
            <ul>
                <li><a href="aboutus.html"><i class="fa fa-user pink"></i> About Us</a></li>    
                <li><a href="portfolio.html"><i class="fa fa-camera green"></i>Our Team</a></li>
                <li><a href="support.html"><i class="fa fa-envelope orange"></i> Support</a></li>
                <li><a href="contact.html"><i class="fa fa-phone orange"></i> Contact Us</a></li>
                    
            </ul>
        </div>
    </div>
</div>

<div class="col-md-3 col-sm-5 col-xs-7">
    <div class="menu">
        <span class="br-red"><i class="fa fa-desktop"></i> &nbsp; Menu Column</span>
        <div class="menu-list">
            <ul>
            <li><a href="pricing.html"><i class="fa fa-table red"></i>Internet Packages</a></li>
            <li><a href="products.html"><i class="fa fa-puzzle-piece pink"></i> Products</a></li>
            <li><a href="service.html"><i class="fa fa-gear red"></i> Service</a></li>
            <li><a href="testimonials.html"><i class="fa fa-group pink"></i> Testimonials</a></li>
            
            </ul>
        </div>
    </div>
</div>

<div class="col-md-3 col-sm-5 col-xs-7">
    <div class="menu">
        <span class="br-orange"><i class="fa fa-desktop"></i> &nbsp; Menu Column</span>
        <div class="menu-list">
            <ul>
                    <li><a href="faq.html"><i class="fa fa-question red"></i> FAQ</a></li>
                    <li><a href="login.html"><i class="fa fa-sign-in green"></i> Login / Register</a></li>
                    <li><a href="#"><i class="fa fa-comments-o blue"></i> Blog Page</a></li>
                    <li><a href="careers.html"><i class="fa fa-briefcase lblue"></i> Careers</a></li>
                
            </ul>
        </div>
    </div>
</div>

<div class="col-md-3 col-sm-5 col-xs-7">
    <div class="sform br-white">
        <span><i class="fa fa-envelope lblue"></i> Subscription</span>
        <div class="form">
            <form role="form" action="php/sub_tnx.php" method="POST">
                <div class="form-group">

                    <input type="text" name="name" class="form-control" placeholder="Enter your Name (required)" required>
                    <input type="email" name="email" class="form-control" placeholder="Enter your E-mail (required)" required>
                    <button type="submit" class="btn btn-info btn-sm">Subscribe</button>
                    <button type="reset" class="btn btn-default btn-sm">Reset</button>
                </div>
            </form>
        </div>
    </div>
</div>

                    </div>
                </div>
            </div>
            <!-- Navigation menu end -->
        </div>
        <!-- Navigation Menu Button -->
        <div class="menu-btn">
            <a href="#">Menu <i class="fa fa-chevron-down"></i></a>
        </div>


        <!-- Head Start -->
        <div class="head inner-pages">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-4">
                        <!-- Logo and Head Text -->
                        <div class="logo">
                            <!-- Logo Icon and Heading -->
                            <img src="" class="img-responsive" alt="" /><span><a href="index.html">Netzone</a></span>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <!-- Social Icon Menu -->
                        <div class="social">
                            <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                            <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                            <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>
                            <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <div class="search">
                            <form>
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="Text to search">
                                    <span class="input-group-btn">
                                        <button class="btn btn-danger" type="button"><i class="fa fa-search"></i></button>
                                    </span>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-3 hidden-sm">
                    </div>
                </div>
            </div>
        </div>
        <!-- Menu Bar End -->


        <!-- Inner Page Heading -->
        <div class="inner-page sign">
            <div class="container">
                <h2><i class="fa fa-sign-in red "></i><strong>Sign In / Sign Up</strong> </h2>
                <div class="sign-content">
                    <div class="row">
                        <div class="col-md-4 col-sm-4 ">
                            <!-- Sign In Area -->
                            <div class="sign-in ">
                                <h3><i class="fa fa-user blue"></i> &nbsp;Sign In</h3>
                                <!-- Sign in Form Start -->
                                <form class="form-horizontal" role="form">
                                    <div class="form-group">
                                        <label for="username" class="col-lg-3 control-label">Username</label>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" id="username">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="password" class="col-lg-3 control-label">Password</label>
                                        <div class="col-lg-9">
                                            <input type="password" class="form-control" id="password">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-lg-offset-3 col-lg-9">
                                            <button type="submit" class="btn btn-info">Login</button>
                                        </div>
                                    </div>
                                </form>
                                <!-- Sign in form End -->
                                <h4><span>OR</span></h4>
                                <!-- Sign In with Social media -->
                                <div class="social-sign">
                                    <a href="#" class="btn btn-primary"><i class="fa fa-facebook"></i>&nbsp; Sign in With Facebook</a>&nbsp;
                                    <a href="#" class="btn btn-danger"><i class="fa fa-google-plus"></i>&nbsp; Sign in With Google</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-3">
                            <div class="well br-blue white">
                                <h5> <=========Sing in here</h5>

                                <p></p>
                            </div>
                            <div class="well br-orange white">
                                <h5>Register here ===========></h5>
                                <p> </p>
                            </div>
                        </div>
                        <div class="col-md-5 col-sm-5">
                            <!-- Sign Up area -->
                            <div class="sign-up">
                                <h3><i class="fa fa-user orange"></i> &nbsp;Sign Up for New Account</h3>
                                <!-- Sign up Form Start -->
                                <form method="post" action="php/register.php" class="form-horizontal" role="form">
                                    <div class="form-group">
                                        <label for="Name" class="col-lg-3 control-label">Name</label>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" id="name">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="Email" class="col-lg-3 control-label">Email</label>
                                        <div class="col-lg-9">
                                            <input type="email" class="form-control" id="email">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="UserName" class="col-lg-3 control-label">Username</label>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" id="username">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="password" class="col-lg-3 control-label">Password</label>
                                        <div class="col-lg-9">
                                            <input type="password" class="form-control" id="password">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-lg-offset-3 col-lg-9">
                                            <button type="submit" class="btn btn-info">Sign Up</button>&nbsp;
                                            <button type="reset" class="btn btn-default">Reset</button>
                                        </div>
                                    </div>
                                </form>
                                <!-- Sign in form End -->
                                <h4><span>OR</span></h4>
                                <!-- Sign In with Social media -->
                                <div class="social-sign">
                                    <a href="#" class="btn btn-primary"><i class="fa fa-facebook"></i>&nbsp; Sign up With Facebook</a>&nbsp;
                                    <a href="#" class="btn btn-danger"><i class="fa fa-google-plus"></i>&nbsp; Sign up With Google</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <!-- Scroll to top -->
        <span class="totop"><a href="#"><i class="fa fa-chevron-up"></i></a></span> 

        <!-- Footer Start -->

<div class="footer">
            
                    <div class="clearfix"></div>
                    <div style="padding-left:150px;" class="row">
                        <div class="col-md-3 col-sm-3">
                            <div class="footer-widget">
                                <h4><i class="fa fa-unlink"></i> &nbsp; Navigation</h4>
                                <ul>
                                    <li><a href="index.html"><i class="fa fa-home"></i> &nbsp; Home</a></li>
                                    <li><a href="service.html"><i class="fa fa-gear"></i> &nbsp; Service</a></li>
                                    <li><a href="feature.html"><i class="fa fa-laptop"></i> &nbsp; Feature</a></li>
                                    <li><a href="pricing.html"><i class="fa fa-table"></i> &nbsp; Pricing</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div  class="footer-widget">
                                <h4><i class="fa fa-user"></i> &nbsp; About Us</h4>
                                <p>NETZONE LTD is a private investment for business company owned 100% by Afghan investors. NETZONE LTD is holding a valid business license from Afghanistan Investment Support Agency (AISA) and a National ISP & Telecom license by MCIT and ATRA.</p>
                                
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-5">
                            <div style="padding-right:0px;" class="footer-widget">
                                <h4><i class="fa fa-phone"></i> &nbsp; Netzone LTD.</h4>
                                
                                <p>House # 10, Pul-e-Surkh,<br />3rd Police Station Main Road <br />District 3, Kabul Afghanistan<p>
                                <p><span class="mute">E-mail</span> : <a href="mailto:sales@netzone.af?Subject=Request%20for%20Information">sales@netzone.af</a><br /> <span class="mute">Phone no.</span> : +93 799 888 201</p>

                            </div>
                        </div>
                        
                    </div>
                    <div class="copy">
                        <p>&copy; Copyright <a href="www.netzone.af">Netzone LTD All rights reserved by Netzone LTD</a></p>
                        

                        
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Footer End -->		

        <!-- Javascript files -->
        <!-- jQuery -->
        <script src="js/jquery.js"></script>
        <!-- Bootstrap JS -->
        <script src="js/bootstrap.min.js"></script>
        <!-- jQuery REVOLUTION Slider  -->
        <script type="text/javascript" src="js/jquery.themepunch.plugins.min.js"></script>
        <script type="text/javascript" src="js/jquery.themepunch.revolution.min.js"></script>
        <!-- jQuery way points -->
        <script src="js/waypoints.min.js"></script>
        <!-- Jquery for Countdown Watch -->
        <script type="text/javascript" src="js/jquery.countdown.min.js"></script>
        <!-- Portfolio JS -->
        <!-- Pretty Photo, Filter And Isotope JS -->
        <script type="text/javascript" src="js/filter.js"></script>
        <script type="text/javascript" src="js/isotope.js"></script>
        <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
        <!-- Respond JS for IE8 -->
        <script type="text/javascript" src="js/respond.min.js"></script>
        <!-- HTML5 Support for IE -->
        <script type="text/javascript" src="js/html5shiv.js"></script>
        <!-- Custom JS -->
        <script type="text/javascript" src="js/custom.js"></script>
    </body>	

   
</html>